<!-- vue2.4模版生成 -->
<template> 
<a-modal
      :visible="visible"
      :title="titleTxt"
      centered
      :width="800"
      :closable="false"
      :maskClosable="false"
      :zIndex="1999999"
      :bodyStyle="{
        overFlow: 'hidden',
        padding: 0,
      }"
    >
      <div class="rich-text-wrapper" v-html="content"></div>
      <template #footer>
        <a-button @click="userTextClose" type="primary">我已知晓</a-button>
      </template>
    </a-modal>
</template>
<script>
import {
  defineComponent,
  reactive,
  toRefs,
  computed,
  watch,
  ref,
  nextTick,
} from "vue";
export default defineComponent({
    props: {
    visible: {
      type: Boolean,
      default: false,
    },
    content:{
        type:String,
        default:''
    },
    titleTxt:{
        type:String,
        default:'用户协议'
    },
  },
  setup(props, context) {

    const userTextClose = ()=>{
        context.emit("onClose");
    }


    return {
        userTextClose 
    }
  }
})
</script>
<style lang="less" scoped> 
.rich-text-wrapper {
  width: 100%;
  height: 600px;
  overflow-y: auto;
  padding: 20px;
}
</style>